@import '~view-design/src/styles/index.less';
/** 主题设置 */
@primary-color: #008fdb;
@text-color: #262626;
// 所有默认border的颜色
@border-color-base: #D9D9D9;
// 按钮默认边框颜色
@btn-default-border: #D9D9D9;
// 按钮warning颜色
@warning-color: #FF7D00;
// 按钮error颜色
@error-color: #F53F3F;
// 按钮success颜色
@success-color: #00B42A;
// 主题色禁用颜色
@primary-disable-color: #94BFFF;
// warning禁用颜色
@warning-disable-color: #FFCF8B;
// success禁用颜色
@success-disable-color: #7BE188;
// error禁用颜色
@error-disable-color: #FBACA3;

// 分页样式
.ivu-page-item-active {
    background-color: var(--main-color);

    a {
        color: #ffffff;
    }

    &:hover a {
        color: #ffffff;
    }
}

// 面包屑样式
.ivu-breadcrumb {
    margin-bottom: 16px;
    color: rgba(0, 0, 0, 0.45);

    .ivu-breadcrumb-item-link {
        color: rgba(0, 0, 0, 0.65);
    }
}

// 按钮
.ivu-btn-primary {
    background-color: var(--main-color);
    border-color: var(--main-color);
    &:hover,
    &:focus {
        background-color: var(--auxiliary-color-link);
        border-color: var(--auxiliary-color-link)
    }
    &:active {
        background-color: var(--auxiliary-color-btn);
        border-color: var(--auxiliary-color-btn);
    }
}

.ivu-btn-ghost.ivu-btn-primary{
    color: var(--main-color);
    &:hover,
    &:focus {
        color: var(--main-color);
    }
    &:active {
        color: var(--main-color);
    }
}
// 文字按钮
.ivu-btn-text {
    color: var(--main-color);

    &:hover {
        color: var(--auxiliary-color-link);
        background-color: transparent;
    }

    &:active {
        color: var(--auxiliary-color-btn);
        background-color: transparent;
    }
}

// 单选框
.ivu-radio-checked .ivu-radio-inner {
    border-color: var(--main-color)!important;
    &:after {
        background-color: var(--main-color);
    }
}

.ivu-radio-group-button .ivu-radio-wrapper {
    color: var(--main-color);
}

.ivu-radio-group-button .ivu-radio-wrapper:hover {
    color: var(--main-color);
}
.ivu-radio-group-button .ivu-radio-wrapper-checked:first-child {
    border-color: var(--main-color);
}
.ivu-radio-group-button-solid .ivu-radio-wrapper-checked:not(.ivu-radio-wrapper-disabled) {
    background: var(--main-color);
    color: #ffffff;
    &:hover {
        border-color: var(--main-color);
        background: var(--main-color);
    }
}

// 多选框
.ivu-checkbox-checked .ivu-checkbox-inner {
    border-color: var(--main-color)!important;
    background-color: var(--main-color)!important;
}

// 文字按钮放在table里时，内边距去掉
.table-text-button {
    padding: 0;
}

// radio的button模式
.ivu-radio-group-button .ivu-radio-wrapper {
    background: transparent;
}

// modal样式
.ivu-modal-header {
    padding: 12px 24px;

    .ivu-modal-header-inner {
        font-size: 16px;
        font-weight: 500;
        height: 24px;
        line-height: 24px;
    }
}

.ivu-modal-footer {
    padding: 16px 24px;
}

.ivu-modal-close {
    right: 16px;
}

.ivu-modal-body {
    padding: 16px 24px;
}

// table样式
.ivu-table-cell {
    padding-left: 8px;
    padding-right: 8px;
}

.ivu-select-dropdown {
    max-height: 300px;
}

.ivu-table-overflowX::-webkit-scrollbar {
    height: 12px;
}

.ivu-table-tip::-webkit-scrollbar {
    height: 12px;
}

// 滚动条样式
::-webkit-scrollbar {
    width: 0px;
    height: 6px;
}

::-webkit-scrollbar-track {
    border-radius: 6px;
    background: rgba(200,213,221,0.2);
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: var(--scroll-color);
}


// .el-select{
//     .el-input.is-focus .el-input__inner{
//         border-color: var(--main-color);
//     }
// }

// .el-select-dropdown,
// .el-select-dropdown.is-multiple,
// .ivu-select-dropdown-list {

//     .el-select-dropdown__item.selected,
//     .ivu-select-item-selected:hover,
//     .ivu-select-item-selected {
//         color: var(--main-color);
//     }
// }

.el-date-range-picker,
.el-date-picker {

    .el-input__inner:focus,
    .el-button.is-plain:hover,
    .el-button.is-plain:focus {
        border-color: var(--main-color);
    }

    .el-date-table td.start-date span,
    .el-date-table td.end-date span,
    .el-date-table td.current:not(.disabled) span {
        background: var(--main-color);
    }

    .el-time-panel__btn.confirm,
    .el-button--text,
    .el-date-table td.today span,
    .el-date-table td.available:hover,
    .el-button.is-plain:hover,
    .el-button.is-plain:focus,
    .el-picker-panel__icon-btn:hover,
    .el-date-picker__header-label:hover,
    .el-year-table td.current:not(.disabled) .cell,
    .el-year-table td .cell:hover,
    .el-month-table td .cell:hover,
    .el-month-table td.current:not(.disabled) .cell {
        color: var(--main-color);
    }

    .el-date-table td.today.end-date div span,
    .el-date-table td.today.start-date div span,
    .el-date-table td.current:not(.disabled) span {
        color: #fff;
    }
}

.el-range-editor.is-active {
    border-color: var(--main-color);
}

// .el-popover {
//     padding: 8px;
//     .el-popconfirm__action {
//         margin-top: 12px;
//         .el-button--text {
//             color: var(--main-color);
//         }
//         .el-button--primary {
//             border-color: var(--main-color);
//             background: var(--main-color);
//         }
//         .el-button--primary:hover,
//         .el-button--primary:focus {
//             opacity: 0.9
//         }
//     }
// }

i,
em {
    font-style: normal;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fl-sp-be {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fl-ce-be {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w-ellipsis {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@font-face {
    font-family: 'YouSheBiaoTiHei';
    src: url('./assets/font/YouSheBiaoTiHei.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DS-Digital';
    src: url('./assets/font/DS-Digital.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LogoSC Unbounded Sans';
    src: url('./assets/font/LogoSCUnboundedSans.otf');
    font-weight: normal;
    font-style: normal;
}
